From 8b3554a8a480c52158bc117b50dd4cf690227b93 Mon Sep 17 00:00:00 2001
From: real-zephex <zephex0@gmail.com>
Date: Fri, 26 Apr 2024 10:59:14 +0530
Subject: UI tweaks for the manga page

---
 src/app/manga/[title]/[id]/[read]/page.jsx        |  2 +-
 src/app/manga/[title]/[id]/[read]/read.module.css | 10 +++-------
 2 files changed, 4 insertions(+), 8 deletions(-)

(limited to 'src/app/manga/[title]')

diff --git a/src/app/manga/[title]/[id]/[read]/page.jsx b/src/app/manga/[title]/[id]/[read]/page.jsx
index 957241f..01080bf 100644
--- a/src/app/manga/[title]/[id]/[read]/page.jsx
+++ b/src/app/manga/[title]/[id]/[read]/page.jsx
@@ -42,7 +42,7 @@ export default async function Read({ params }) {
 								quality={100}
 								unoptimized
 							/>
-							<p>{index + 1}</p>
+							<p>Page: {index + 1}</p>
 						</div>
 					))}
 			</div>
diff --git a/src/app/manga/[title]/[id]/[read]/read.module.css b/src/app/manga/[title]/[id]/[read]/read.module.css
index 0133232..d2adf5c 100644
--- a/src/app/manga/[title]/[id]/[read]/read.module.css
+++ b/src/app/manga/[title]/[id]/[read]/read.module.css
@@ -6,17 +6,13 @@
 	display: flex;
 	flex-direction: column;
 	align-items: center;
-	background-color: #1b1b1b;
-	border-radius: 10px;
-	width: 50%;
 	margin: 10px auto;
 }
 
-.ImageContainer img {
-	max-width: auto;
+.Image img {
 	height: auto;
-	border-radius: 5px;
-	margin-top: 10px;
+	background-color: #272727;
+	padding: 5px;
 }
 
 .ImageContainer p {
-- 
cgit v1.2.3